//username != undefined && !/^[0-9A-Za-z]{6,20}$/.test(username) 
//userName=="" && !/^[0-9A-Za-z]{6,20}$/.test(userName)
document.querySelector(".input_name").onblur=fun1

function fun1(){
    var username = document.querySelector(".input_name").value
    if( username==="" ){
        document.querySelector(".msg-tip-name").innerText="用户名必须是由数字、字母组成，字符长度在6-20位"
    }else{
        document.querySelector(".msg-tip-name").innerText="*"
    }
}


// document.querySelector(".input_name").onblur=fun1
// function fun1(){
//     if( document.querySelector(".input_name").value ===""){
//         document.querySelector(".msg-tip-name").innerText="用户名不能为空"
//     }else{
//         document.querySelector(".msg-tip-name").innerText="*"
//     }
// }

document.querySelector(".input_password").onblur=fun2
function fun2(){
    if( document.querySelector(".input_password").value.length <= 0){
        document.querySelector(".msg-tip-password").innerText="密码不能为空"
    }else{
        document.querySelector(".msg-tip-password").innerText="*"
    }
}
document.querySelector(".input_email").onblur=fun3
function fun3(){
    if( document.querySelector(".input_email").value.length <= 0){
        document.querySelector(".msg-tip-email").innerText="邮箱不能为空"
    }else{
        document.querySelector(".msg-tip-email").innerText="*"
    }
}
document.querySelector(".input_phone").onblur=fun4
function fun4(){
    if( document.querySelector(".input_phone").value.length <= 0){
        document.querySelector(".msg-tip-phone").innerText="手机号不能为空"
    }else{
        document.querySelector(".msg-tip-phone").innerText="*"
    }
}

//全选
//全选框的状态等于后面复选框的状态
document.querySelector(".checkAll").onclick=fun5
var checkboxes = document.querySelectorAll(".check")
function fun5(){
    var selectAllBtn = document.querySelector(".checkAll")
    for (var i = 0; i < checkboxes.length; i++) {
        //全选框的状态等于后面复选框的状态，
    checkboxes[i].checked = selectAllBtn.checked;
    }
}
//保存
//创建一个空对象
// const obj={}

// document.querySelector(".sub_btn1").onclick=fun6
// function fun6(){
//     console.log(document.querySelector(".input_name").value)
//     console.log(document.querySelector(".input_password").value)
//     console.log(document.querySelector(".input_email").value)
//     console.log(document.querySelector(".input_phone").value)
//     console.log(document.querySelector('input[name="gender"]:checked')?.value)
//     console.log(document.querySelector('input[name="type"]:checked')?.value)
//     console.log(document.querySelector('#profession_select option:checked').value)
//     console.log(document.querySelector('#address_select option:checked').value)
//     var selAll= document.querySelectorAll('input[name="food"]:checked')
//     selAll.forEach(element => {
//         console.log(element.value)
//     });
//     console.log(document.querySelector("#desc").value)
// }



document.querySelector(".myform").onsubmit=fun7
function fun7(){
    console.log(document.querySelector(".input_name").value)
    console.log(document.querySelector(".input_password").value)
    console.log(document.querySelector(".input_email").value)
    console.log(document.querySelector(".input_phone").value)
    console.log(document.querySelector('input[name="gender"]:checked')?.value)
    console.log(document.querySelector('input[name="type"]:checked')?.value)
    console.log(document.querySelector('#profession_select option:checked').value)
    console.log(document.querySelector('#address_select option:checked').value)
    var selAll= document.querySelectorAll('input[name="food"]:checked')
    selAll.forEach(element => {
        console.log(element.value)
    });
    console.log(document.querySelector("#desc").value)

    return false;
}